<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/div/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>PZ_15by15</title>

       
		<script type="text/javascript" src="../javascript/jquery-1.6.2.js"></script> 
 
   		<!-- <script type='text/javascript' language='javascript' src='$MANAGER_WIDGET/Common/jquery.js'></script> -->

		<link rel="stylesheet" href="css/15x15.css" type="text/css">
		<script language="javascript" type="text/javascript" src="../javascript/15x15.js"></script>
	</head>

	<body class="bodystyle" onload="Main.onLoad();" onunload="Main.onUnload();" background="../resource/15x15/back.png" onkeydown=Main.MainKeyHandler()>
	
	
	 <input type="image" id="min" src="../resource/time/20m.png"> </input>
	 <input type="image" id="sec" src="../resource/time/00s.png"> </input>
	
	 
	 <!-- 탑 스코어 -->
	 <div class="topscores" id="scorenum1" align = "center"></div> 
	 <div class="topscores" id="scorenum2" align = "center"></div> 
	 <div class="topscores" id="scorenum3" align = "center"></div> 
	 
	 <div class="topscores" id="scorename1" align = "center"></div> 
	 <div class="topscores" id="scorename2" align = "center"></div> 
	 <div class="topscores" id="scorename3" align = "center"></div> 
	 	 
	 <div class="topscores" id="score1" align = "center"></div> 
	 <div class="topscores" id="score2" align = "center"></div> 
	 <div class="topscores" id="score3" align = "center"></div> 
	 
	 <!-- -->
	 
	 <!-- 아이템 개수 -->
	 
	 <input type="image" id="timeupitem"></input>
	 <input type="image" id="hintitem"></input>
	 <!-- -->
	 
	 <!--stageclear-->
	 <input class="clearpop" type="image" id="complete" src="../resource/popup/clear.png" style="visibility:hidden;"> 
	 <input class="clearpop" id="inputName" ctype="text" size="11" maxlength="3" style="width:140px;height:40px;border:2;visibility:hidden"/ ></td>
	 <div class="clearpop" id="stagename" align = "center"></div> 
	 <input id="clearimage" type="image"></input>
	 <div class="clearpop" id="completeSec" align = "center"></div> 
	 </input>
	 <!-- -->
     <input type="image" id="minUP" src="../resource/icon/2minUP.png" style="visibility:hidden;"> </input> 
	 <input type="image" id="minDOWN" src="../resource/icon/2minDOWN.png" style="visibility:hidden;"> </input> 
	 <input type="image" id="hint" src="../resource/icon/hint.png" style="visibility:hidden;"> </input> 
	 <input type="image" id="popEXIT" src="../resource/popup/exit_n.png" style="visibility:hidden;"> </input> 
	 <input type="image" id="pause" src="../resource/popup/pause.png" style="visibility:hidden;"> </input> 
	 <input type="image" id="gameover" src="../resource/popup/gameover.png" style="visibility:hidden;"> </input> 
	 <input type="image" id="before" src="../resource/popup/before_n.png" style="visibility:hidden;"> </input> 
	 <input type="image" id="ready" src="../resource/popup/start.png" style="visibility:hidden;"> </input> 


	<table id="Index_Width" width=345 height = 96 cellpadding=0 cellspacing=0 border=0>
		<tr height = '96'>
		<script type=text/javascript>
			for (i = 0; i < 15; i++)
				document.write("<td vAlign='bottom' allign='center' width = '23' cellSpacing='0' cellpadding='0' border ='0' id='text_width" + i + "'></td>");
		</script>
		</tr>
	</table>
	
	<table id="Index_Height" width=124 height = 330 cellpadding=0 cellspacing=0 border=0>
		<script type=text/javascript>
			for (i = 0; i < 15; i++) {
				document.write("<tr height= '22'>");
				document.write("<td allign='right' cellSpacing='0' cellpadding='0' border ='0' id='text_height" + i + "'></td>");
				document.write("</tr>");
			}
		</script>
	</table>
	
	<table id="game_table" width=400 height = 400 cellpadding=0 cellspacing=0 border=1px bordercolor="black">
		
	
		<script type=text/javascript>
			 for (i = 0; i < 15; i++)
			 {
			  document.write("<tr height='20'>");

			  for (j = 0; j < 15; j++)
				{ document.write("<td vAlign='top' width = '20' allign='center' cellSpacing='0' background='../resource/15x15/nothing.png':norepeat cellpadding='0'color='black' border ='0' id='focus" + (i * 15 + j )+ "'></td>");
				  
				  alert("focus"+(i*15+j));
				}
			  document.write("</tr>");
			 }
		</script>
		
		</table>
		<input type="image" src="../resource/15x15/guide.png" id="guide"></input>		
		<input type="image" src="../resource/15x15/garo.png" id="garo" class="bar"  ></input> 
		<input type="image" src="../resource/15x15/sero.png" id="sero" class="bar" ></input> 
	
	</body>
</html>
